/* ========================================================================
 * kshengyou.com: v1.0
 * 东莞市盛优自动化设备科技有限公司
 * ========================================================================
 * 版权所有 2018 盛优科技 Inc.
 * 网站制作: 林子系(Jason)
 * 联系作者: QQ 125440156
 * 请尊重原创，未经许可，请勿转载复制源代码，否则将承担侵权法律责任！
 * ======================================================================== 
 * kshengyou.com:: v1.0
 * Dongguan shengyou automation equipment technology co. LTD
 * ========================================================================
 * Copyright 2018 KShengyou.com Technology Inc.
 * Website author: Jason
 * Contact author: QQ 125440156
 * Please respect the original, without permission, do not copy the source code, 
   otherwise will bear the legal liability of infringement!
 * ======================================================================== */
@import url(box.css);
@import url(video-js.css);
@import url(qq.css);

* {
	margin: 0;
	padding: 0
}

body {
	overflow-x: hidden;
	font-family: "微软雅黑";
	font-size: 14px;
	background: #f2f2f2
}

div {
	margin: 0 auto
}

ul li {
	list-style: none
}

img {
	border: none
}

a {
	color: #333;
	text-decoration: none
}

h1,h2,h3,h4,h5 {
	font-weight: 100
}

a:hover {
	color: #116AAE
}

.clear {
	height: 5px;
	clear: both
}

.clear1 {
	height: 10px;
	clear: both
}

.clear2 {
	height: 20px;
	clear: both
}

.clear3 {
	height: 30px;
	clear: both
}

.clear4 {
	height: 40px;
	clear: both
}

.clear5 {
	height: 50px;
	clear: both
}

table {
	border-collapse: collapse
}

input {
	border: none;
	background: 0 0;
	color: #999
}

:focus {
	outline: 0
}

.box-shadow {
	box-shadow: 10px 10px 10px 10px red
}

.container800 {
	width: 800px
}

.container1000 {
	width: 1000px
}

.container {
	width: 1150px
}

.container1000 {
	width: 1000px
}

.container1200 {
	width: 1200px
}

.top {
	width: 100%;
	height: 30px;
	background: #FF6800;
	color: #fff;
	font-size: 12px;
	font-family: "宋体";
	line-height: 30px
}

.top strong {
	font-weight: 100
}

.top span {
	float: right
}

.menu {
	width: 100%;
	height: 90px;
	background: #fff;
	box-shadow: 10px 5px 10px 3px #ccc;
	z-index: 999
}

.menu .logo {
	width: 405px;
	float: left;
	position: relative;
	top: 6px
}

.menu .nav {
	float: right;
	width: 650px;
	height: 90px
}

.menu .nav ul {
	position: relative;
	top: 30px
}

.menu .nav li {
	float: left;
	margin: 0 1px;
	padding: 0 20px;
	height: 40px;
	line-height: 40px
}

.menu .nav li a {
	font-size: 16px
}

.menu .nav li.active {
	background: #FF6800;
	border-radius: 50px
}

.menu .nav li.active a {
	color: #fff
}

.banner {
	overflow: hidden;
	position: relative;
	height: 500px
}

.bannerContent {
	width: 100%;
	height: 11px;
	position: absolute;
	bottom: 30px;
	text-align: center
}

.bannerContent a {
	background: url(../images/icon-index.png) no-repeat -260px 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	line-height: 0
}

.bannerContent a.on {
	background: url(../images/icon-index.png) no-repeat -290px 0
}

.bannerBox img {
	width: 100%
}

.bannerBox ul {
	width: 100%
}!.bannerBox li {
	width: 100%
}

.bannerBox li a {
	display: block;
	height: 500px
}

.category {
	width: 100%;
	height: 652px;
	background: url(../images/categoryBg.jpg) no-repeat center center
}

.cateMenu {
	text-align: center;
	color: #fff
}

.cateMenu.position {
	padding-top: 80px
}

.cateMenu i {
	display: block
}

.cateMenu span {
	font-size: 16px;
	padding-top: 0;
	display: block
}

.category dl {
	width: 265px;
	height: 380px;
	float: left;
	margin: 0 10px
}

.category dl dt {
	width: 235px;
	height: 300px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px
}

.category dl dt img {
	width: 235px;
	height: 300px;
	transition: all .3s
}

.category dl dt img:hover {
	transform: scale(.9)
}

.category dl dd {
	text-align: center;
	height: 35px;
	line-height: 35px;
	background: #FF6800;
	color: #fff;
	width: 150px;
	border-radius: 100px;
	margin: 0 auto;
	position: relative;
	top: 10px;
	border: 2px solid #fff;
	cursor: pointer
}

.category dl dd a {
	color: #fff
}

.category dl dd:hover {
	background: #E63E8C
}

.containerBox {
	position: relative;
	left: -6px
}

.category .scroll {
	float: left;
	width: 265px;
	height: 380px
}

.category .prev {
	position: absolute;
	left: 40px;
	top: 131px;
	width: 34px;
	height: 38px;
	background: url(../images/prev.png) no-repeat 0 0
}

.category .prev:hover {
	background: url(../images/prevs.png) no-repeat 0 0
}

.category .next {
	position: absolute;
	right: 20px;
	top: 131px;
	width: 34px;
	height: 38px;
	background: url(../images/next.png) no-repeat 0 0;
	border-radius: 0
}

.category .next:hover {
	background: url(../images/nexts.png) no-repeat 0 0
}

.adh {
	width: 100%;
	height: 1050px;
	background: url(../images/caseBg.jpg) no-repeat center center
}

.adh .title {
	text-align: center;
	padding-top: 50px;
	color: #fff
}

.adh .title span {
	display: block;
	font-size: 16px
}

.adh .boxTop .left,.right {
	height: 400px
}

.adh .boxTop .left {
	width: 750px;
	background: #AD62A5 url(../images/adh/cb.png) no-repeat right;
	float: left;
	position: relative
}

.adh .boxTop .right {
	width: 400px;
	background: #B98D46 url(../images/adh/ykbs.png) no-repeat top right;
	float: right
}

.adh .boxTop .left .title {
	width: 360px;
	height: 310px;
	margin-top: 50px;
	float: left;
	padding: 20px;
	text-align: left;
	margin-left: 20px
}

.adh .boxTop .left .title h1 {
	color: #fff;
	font-size: 22px
}

.adh .boxTop .left .title p {
	font-size: 16px;
	margin-top: 20px;
	line-height: 25px
}

.adh .boxBottom .left,.mid,.right {
	height: 400px
}

.adh .boxBottom .left {
	width: 400px;
	float: left;
	background: #ccc
}

.adh .boxTop .left span {
	position: absolute;
	bottom: 30px;
	left: 35px
}

.adh .boxTop .left span a {
	color: #fff;
	font-size: 14px
}

.adh .boxTop .left span a:hover {
	text-decoration: underline
}

.adh .boxBottom .mid {
	width: 350px;
	float: left;
	background: url(../images/adh/cates.png) no-repeat 0 0;
	overflow: hidden
}

.adh .boxBottom .right {
	width: 400px;
	float: right;
	background: #CCC;
	position: relative
}

.adh .boxTop .right .title {
	width: 300px;
	height: 310px;
	margin-top: 50px;
	float: left;
	padding: 20px;
	text-align: left;
	margin-left: 20px;
	position: relative
}

.adh .boxTop .right .title h1 {
	color: #fff;
	font-size: 22px
}

.adh .boxTop .right .title p {
	font-size: 16px;
	margin-top: 20px;
	line-height: 25px;
	color: #ddd
}

.adh .boxTop .right span {
	position: absolute;
	bottom: 30px;
	right: 20px
}

.adh .boxTop .right span a {
	color: #fff;
	font-size: 14px
}

.adh .boxTop .right span a:hover {
	text-decoration: underline
}

.adh .boxBottom .left dl {
	text-align: center;
	width: 350px;
	margin: 0 auto;
	height: 350px
}

.adh .boxBottom .left dl dt {
	color: #333;
	font-size: 22px;
	margin-top: 30px
}

.adh .boxBottom .left dl dd {
	color: #555
}

.adh .boxBottom .left dl dd img {
	height: 230px
}

.adh .boxBottom .right dl {
	text-align: center;
	width: 350px;
	margin: 0 auto;
	height: 350px
}

.adh .boxBottom .right dl dt {
	color: #333;
	font-size: 22px;
	margin-top: 30px
}

.adh .boxBottom .right dl dd {
	color: #555
}

.adh .boxBottom .right dl dd img {
	height: 230px
}

.adh .boxBottom .right dl dd img {
	height: 230px
}

.adh .boxBottom .mid dl dd.more {
	width: 185px;
	height: 70px;
	background: #E8408D;
	line-height: 70px;
	text-align: center;
	border-radius: 70px;
	margin: 0 auto;
	position: relative;
	top: 230px
}

.adh .boxBottom .mid dl dd.more a {
	color: #fff;
	font-size: 36px;
	font-family: 宋体
}

.adh .boxBottom .mid dl dd.more:hover {
	background: #E76928
}

.adh .boxBottom .mid dl dt {
	position: relative;
	top: 60px;
	left: 61px
}

.videoPlay {
	width: 100%;
	height: 300px;
	background: url(../images/videoPlayBg.jpg) no-repeat 0 0
}

.videoPlay .playBg {
	width: 350px;
	height: 225px;
	border: 10px solid #FF6800;
	float: left;
	border-radius: 20px;
	margin: 30px 0 0 0;
	position: relative
}

.videoPlay .playZoom {
	width: 138px;
	height: 138px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -69px;
	margin-left: -69px;
	border: none
}

.videoPlay .playBg .playZoom img {
	width: 138px;
	height: 138px;
	box-shadow: none;
	cursor: pointer;
	transition: all .6s
}

.videoPlay .playBg .playZoom img:hover {
	transform: scale(1.2)
}

.videoPlay .playBg img {
	width: 350px;
	height: 225px;
	border-radius: 10px;
	box-shadow: 0 0 5px 5px #8E550D
}

.boxBottom dd img,dt img {
	cursor: pointer;
	transition: all .6s
}

.boxBottom dd img:hover,dt img:hover {
	transform: scale(1.2)
}

.playText {
	width: 451px;
	height: 91px;
	background: url(../images/playText.png) no-repeat 0 0;
	position: relative;
	left: 100px;
	top: 80px
}

.videoPlay a.play {
	width: 177px;
	height: 54px;
	position: relative;
	left: 450px;
	top: 120px;
	background: url(../images/plays.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	margin-left: 500px
}

.videoPlay .play:hover {
	background: url(../images/play.png) no-repeat 0 0
}

.playBg {
	border: 20px solid #1E232C;
	width: 600px;
	height: 350px;
	position: relative;
	left: -20px
}

.indexProduct {
	text-align: center;
	background: #fff
}

.indexProduct h1 {
	color: #222;
	font-size: 28px
}

.indexProduct span {
	display: block;
	font-size: 16px
}

.indexProduct .pbox {
	width: 370px;
	height: 520px;
	float: left;
	margin: 10px
}

.indexProduct .pbox .imgs {
	width: 328px;
	height: 328px;
	border: 1px solid #eee;
	padding: 20px;
	background: #fff
}

.indexProduct .pbox img {
	width: 328px;
	height: 328px;
	cursor: pointer;
	transition: all .6s
}

.indexProduct .pbox img:hover {
	transform: scale(1.1)
}

.indexProduct .pbox dl {
	padding: 10px
}

.indexProduct .pbox dl dt {
	font-size: 16px
}

.indexProduct .pbox dl dt a {
	color: #FF6800
}

.indexProduct .pbox dl dt a:hover {
	color: #E8408D
}

.indexProduct .pbox dl dd {
	color: #333;
	line-height: 18px;
	font-family: 宋体;
	font-size: 12px;
	margin-top: 10px
}

.indexProduct .pbox .more {
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: #DE8438;
	color: #fff;
	border-radius: 30px;
	margin: 0 auto;
	font-family: Arial
}

.indexProduct .pbox .more:hover {
	background: #E23F92
}

a.pmore {
	width: 200px;
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	border-radius: 50px;
	background: #DE8438;
	text-align: center;
	font-size: 16px
}

a.pmore:hover {
	background: #DB4493
}

.pages {
	text-align: center;
	background: #f2f2f2;
	min-height: 50px
}

.pages span {
	padding: 5px 10px;
	background: #DB4493;
	color: #fff;
	cursor: pointer;
	margin: 0 1px;
	border-bottom: 1px solid #DB4493
}

.pages a {
	padding: 5px 10px;
	background: #DE8438;
	color: #fff;
	margin: 0 1px;
	border-bottom: 1px solid #DE8438
}

.pages a.active {
	background: #059689;
	color: #fff
}

.add360 {
	width: 100%;
	height: 250px;
	background: #DB4493
}

.add360 dl {
	float: left;
	height: 150px;
	width: 150px;
	border: 5px solid #fff;
	border-radius: 100%;
	margin-top: 50px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	position: relative;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out
}

.add360 dl dt {
	font-size: 18px;
	margin-top: 30px
}

.add360 dl dd {
	font-size: 32px;
	margin-top: 10px
}

.add360 dl:hover {
	background: #10AB9D;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}

.add360 .radiusOne {
	border-right: none;
	border-left: none
}

.indexNews {
	width: 100%;
	height: 680px;
	background: url(../images/newsBg.jpg) no-repeat center bottom;
	text-align: center
}

.indexNews h1 {
	color: #222;
	font-size: 28px;
	color: #D16F2E
}

.indexNews span {
	display: block;
	font-size: 16px
}

.indexNews .newsFlash {
	width: 400px;
	height: 400px;
	float: left;
	overflow: hidden
}

.indexNews .newsFlash a.prev {
	height: 65px;
	float: left;
	display: block;
	background: url(../images/prev.png) no-repeat center 50%;
	cursor: pointer;
	margin-top: 120px
}

.indexNews .newsFlash a.prev:hover {
	background: url(../images/prevs.png) no-repeat center 50%
}

.indexNews .newsFlash a.next {
	height: 65px;
	float: right;
	display: block;
	background: red;
	background: url(../images/next.png) no-repeat center 50%;
	cursor: pointer;
	border-radius: 0;
	margin-top: 120px
}

.indexNews .newsFlash a.next:hover {
	background: url(../images/nexts.png) no-repeat center 50%
}

.indexNews .newsFlash .newsFlashBox {
	width: 290px;
	height: 365px;
	float: left;
	margin-left: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.indexNews .newsFlash .newsFlashBox li {
	width: 290px;
	height: 365px;
	overflow: hidden
}

.indexNews .newsFlash .newsFlashBox img {
	width: 100%;
	height: auto
}

.indexNews .textHelp {
	width: 700px;
	height: 300px;
	float: right
}

.indexNews .textHelp .textMenu {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: url(../images/textMenuBg.png) no-repeat left
}

.indexNews .textHelp .textMenu li {
	float: left;
	padding: 0 20px;
	display: block;
	cursor: pointer
}

.indexNews .textHelp .textMenu li a {
	color: #fff
}

.indexNews .textHelp .textMenu li.on {
	background: #E55F03
}

.indexNews .textContent .texts li {
	height: 40px;
	line-height: 40px;
	background: url(../images/textx.png) no-repeat left bottom;
	text-align: left
}

.indexNews .textContent .texts li a:hover {
	color: #95641F
}

.indexNews .textContent {
	height: 350px;
	overflow: hidden;
	margin-top: 10px
}

.footer {
	height: 400px;
	width: 100%;
	background: url(../images/footBg.jpg) no-repeat center top
}

.footer .leftMenu {
	width: 850px;
	height: 200px;
	float: left
}

.footer .leftMenu dl {
	width: 200px;
	float: left;
	margin-right: 10px
}

.footer .leftMenu dl dt {
	background: #A4762F;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px
}

.footer .leftMenu dl dt a {
	color: #fff
}

.footer .leftMenu dl dd {
	height: 25px;
	line-height: 25px
}

.footer .leftMenu dl dd a {
	color: #babbbb
}

.footer .leftMenu dl dd a:hover {
	color: #fff
}

.footer .wx {
	width: 200px;
	float: left
}

.footer .wx dt {
	text-align: center;
	height: 35px;
	width: 200px;
	line-height: 35px;
	color: #fff;
	font-size: 16px
}

.footer .wx dd {
	text-align: center
}

.footer .wx dd img {
	width: 180px;
	border-radius: 5px;
	transition: all .6s;
	cursor: pointer
}

.footer .wx dd img:hover {
	transform: scale(1.3)
}

.footer .tel {
	width: 250px;
	float: right;
	color: #fff
}

.footer .tel h1 {
	font-size: 28px
}

.footer .tel h2 {
	font-size: 28px;
	font-family: Arial;
	margin-top: 10px
}

.footer .tel span {
	font-size: 12px;
	font-family: "宋体"
}

.footer .tel p {
	margin: 10px 0 0 25px
}

.footer .tel p img {
	width: 110px
}

.copyright {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	font-family: Arial;
	color: #666;
	background: #222
}

.productList .pbox {
	width: 370px;
	height: 500px;
	float: left;
	margin: 10px
}

.productList .pbox .imgs {
	width: 328px;
	height: 328px;
	border: 1px solid #eee;
	padding: 20px;
	background: #fff
}

.productList .pbox img {
	width: 328px;
	height: 328px;
	cursor: pointer;
	transition: all .6s
}

.productList .pbox img:hover {
	transform: scale(1.1)
}

.productList .pbox dl {
	padding: 10px
}

.productList .pbox dl dt {
	font-size: 16px
}

.productList .pbox dl dt a {
	color: #295ed7
}

.productList .pbox dl dt a:hover {
	color: #059689
}

.productList .pbox dl dd {
	color: #333;
	line-height: 18px;
	font-family: 宋体;
	font-size: 12px;
	margin-top: 10px
}

.productList .pbox .more {
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: #DE8438;
	color: #fff;
	border-radius: 30px;
	margin: 0 auto;
	font-family: Arial;
	text-align: center
}

.productList .pbox .more:hover {
	background: #DB4493
}

.showProduct {
	width: 100%;
	height: 650px;
	text-align: center
}

.container610 {
	width: 630px;
	float: left
}

.container880 {
	width: 880px
}

.showProduct .leftImg {
	float: left;
	width: 570px;
	height: 570px;
	background: #fff;
	border: 10px solid #fff;
	margin-top: 5px;
	box-shadow: 0 0 20px 0 #666;
	position: relative;
	overflow:hidden;
}

.showProduct .leftImg .positionText {
	position: absolute;
	bottom: 10px;
	left: 50%;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	background: url(../images/opacity.png);
	color: #fff;
	width: 150px;
	border-radius: 35px;
	margin-left: -75px;
	overflow: hidden
}

.showProduct .leftImg li {
	position: relative
}

.showProduct .leftImg li img {
	width: 450px;
	height: 595px;
	transition: all .6s
}

.showProduct .rightImg {
	float: right;
	width: 150px;
	height: 700px;
	text-align: center
}

.showProduct .rightImg li {
	width: 130px;
	height: 130px;
	margin: 5px 0;
	border: 1px solid #ddd;
	padding: 10px;
	overflow: hidden;
	background: #fff;
	position: relative
}

.showProduct .rightImg li img {
	width: 130px;
	height: 130px
}

.showProduct .rightImg li .opacity {
	width: 148px;
	height: 148px;
	background: #000;
	border: 1px solid #ddd;
	background: url(../images/opacitys.png);
	position: absolute;
	top: 0;
	left: 0;
	transition: all .6s
}

.showProduct .rightImg li .opacity:hover {
	opacity: 0;
	cursor: pointer;
	transform: scale(.9)
}

.showProduct .rightImg li .opacity.on {
	opacity: 0
}

.showProduct .rightImg li span {
	width:110px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background:url(../images/opacitys.png);
	color: #fff;
	border-radius: 0px;
}

.productMenus {
	width: 220px;
	float: right
}

.productMenus dl {
	width: 220px;
	padding-top: 5px
}

.productMenus dl dt {
	width: 180px;
	height: 30px;
	line-height: 30px;
	background: #DB4493;
	text-align: left;
	padding: 0 20px;
	border-radius: 0px;
	border: 1px solid #ccc;
	color: #fff;
	cursor: pointer;
	position: relative
}

.productMenus dl dt span {
	float: right;
	font-size: 18px;
	font-family: Arial;
	cursor: pointer;
	background: url(../images/add.png) no-repeat;
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	right: 20px;
	top: 10px
}

.productMenus dl dt span.on {
	background: url(../images/del.png) no-repeat
}

.productMenus dl dd {
	margin-top: 10px;
	display: none
}

.productMenus dl dd a {
	width: 180px;
	height: 25px;
	line-height: 25px;
	background: #fff;
	text-align: left;
	padding: 0 20px;
	border-radius: 0px;
	border: 1px solid #eee;
	color: #222;
	cursor: pointer;
	margin: 2px 0;
	display: block
}

.productMenus dl dd a:hover {
	/*border: 1px solid #E6822A;*/
	color: #DB4493
}

.productMenus dl dd a.active {
	border: 1px solid #E6822A;
	color: #E6822A
}

.positions {
	width: 1000px;
	height: 15px;
	line-height: 15px;
	border-left: 3px solid #DB4493;
	text-indent: 10px;
}

.positions a {
	color: #FF6800
}

.positions a:hover {
	text-decoration: underline
}

.pbg {
	background: #fff
}

.productContent {
	width: 1000px;
	min-height: 500px;
	text-align: center
}

.productContent .title {
	height: 45px;
	line-height: 45px;
	display: block;
	color: #fff;
	font-size: 18px;
	width: 130px;
	margin: 0 auto;
	background: #FF6800;
	border-radius: 45px;
	position: relative;
	top: -22px
}

.newsList {
	width: 1000px
}

.newsList dl {
	height: 100px;
	width: 100%;
	padding: 20px 0;
	border-bottom: 5px solid #fff
}

.newsList dl dt {
	width: 120px;
	height: 100px;
	float: left;
	overflow: hidden
}

.newsList dl dt img {
	width: 120px
}

.newsList dl dd {
	float: right;
	width: 850px;
	height: 120px
}

.newsList dl dd h1 {
	font-size: 18px
}

.newsList dl dd p {
	line-height: 20px;
	font-size: 14px;
	color: #555;
	margin-top: 10px;
	margin-bottom: 5px
}

.newsList dl dd i {
	font-size: 12px;
	color: #666;
	font-style: normal;
	font-family: Arial
}

.caseList .pbox {
	width: 370px;
	height: 420px;
	float: left;
	margin: 10px
}

.caseList .pbox .imgs {
	width: 328px;
	height: 230px;
	border: 1px solid #eee;
	padding: 20px;
	background: #fff
}

.caseList .pbox img {
	width: 328px;
	height: 230px;
	cursor: pointer;
	transition: all .6s
}

.caseList .pbox img:hover {
	transform: scale(1.1)
}

.caseList .pbox dl {
	padding: 10px
}

.caseList .pbox dl dt {
	font-size: 16px
}

.caseList .pbox dl dt a {
	color: #295ed7
}

.caseList .pbox dl dt a:hover {
	color: #059689
}

.caseList .pbox dl dd {
	color: #333;
	line-height: 18px;
	font-family: 宋体;
	font-size: 12px;
	margin-top: 10px
}

.caseList .pbox .more {
	display: block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: #DE8438;
	color: #fff;
	border-radius: 30px;
	margin: 0 auto;
	font-family: Arial;
	text-align: center
}

.caseList .pbox .more:hover {
	background: #DB4493
}

.videoList {
	width: 1000px
}

.videoList dl {
	background: #fff;
	width: 460px;
	/*height: 550px;*/
	box-shadow: 1px 1px 15px 10px #ddd;
	float: left;
	margin: 15px
}

.videoList dl dt {
	width: 420px;
	height: 230px;
	padding: 20px;
	overflow: hidden;
	position: relative
}

.videoList dl dt img {
	width: 420px;
	cursor: pointer;
	transition: all .3s
}

.videoList dl dt img:hover {
	transform: scale(1.2)
}

.videoList dl dd {
	width: 410px;
	padding: 0 20px
}

.videoList dl dd.v-tit {
	font-size: 16px;
	color: #222;
	text-align: center;
	color: #fff;
	padding-top: 50px;
	padding-bottom:10px;
}

.videoList dl dd.v-tit a {
	padding: 10px 15px;
	border: 1px solid #222;
	background: #fff;
	border-radius: 30px
}

.videoList dl dd.v-tit a:hover {
	border: 1px solid #3494DE
}

.videoList dl dd.v-desc {
	line-height: 25px;
	color: #222;
	font-size: 14px;
	margin-top: 30px
}

.videoList dl dd.v-more {
	margin: 30px 0 0 0px;
	width: 114px;
	height: 36px;
	background: #DE8438 url(../images/p-mpre.png) no-repeat 0 0;
	padding: 0;
	cursor: pointer
}

.videoList dl dd.v-more:hover {
	background: #E84797
}

.videoList .play {
	width: 420px;
	height: 250px;
	position: absolute;
	top: 20px;
	padding: 0
}

.videoList .play img {
	width: 82px;
	height: 83px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -41px;
	margin-left: -41px;
	cursor: pointer;
	transition: all .3s;
	opacity: .9
}

.videoList .play img:hover {
	transform: scale(1.2)
}

.videoShow {
	width: 750px;
	height: 500px;
	box-shadow: 1px 1px 15px 10px #ddd;
	border-radius: 10px;
	margin: 15px;
	margin: 0 auto
}

.videoShow .playVideo {
	width: 650px;
	height: 400px;
	background: #222;
	position: relative;
	top: 50px;
	border: 10px solid #222
}

.videoShow .playVideo img {
	width: 650px;
	height: 400px;
	cursor: pointer
}

.commonCategory {
	text-align: center;
	background: #fff;
	padding: 50px 0 50px 0
}

.commonCategory h1 {
	color: #222;
	font-size: 28px
}

.commonCategory span {
	display: block;
	font-size: 16px
}

.commonMenu {
	text-align: center
}

.commonMenu a {
	padding: 10px 20px;
	margin: 0 5px;
	background: #DE8438;
	border-radius: 50px;
	color: #fff
}

.commonMenu a:hover {
	background: #DB4493
}

.commonMenu a.active {
	background: #DB4493
}

.commonTitle {
	text-align: center
}

.commonTitle h1 {
	font-size: 24px;
	font-weight: 100;
	color: #333;
	margin-bottom: 5px
}

.info {
	text-align: left;
	line-height: 25px;
	padding: 50px 0
}

.info img {
	max-width: 800px
}

.pn {
	text-align: center
}

.prev {
	padding: 3px 15px;
	background: #DB4493;
	color: #fff;
	margin-right: 10px;
	border-radius: 30px
}

.prev-disabled {
	padding: 3px 15px;
	background: #ccc;
	color: #666;
	margin-right: 10px;
	border-radius: 30px
}

.prev-disabled:hover {
	background: #ccc;
	color: #666
}

.prev:hover {
	background: #DE8438;
	color: #fff
}

.next {
	padding: 3px 15px;
	background: #DE8438;
	color: #fff;
	border-radius: 305px
}

.next-disabled {
	padding: 3px 15px;
	background: #ccc;
	color: #666;
	border-radius: 305px
}

.next-disabled:hover {
	background: #ccc;
	color: #666
}

.next:hover {
	background: #DB4493;
	color: #fff
}

.time {
	text-align: center;
	font-family: Arial;
	color: #666
}

.time span {
	font-size: 10px
}

.abouts {
	width: 100%;
	min-height: 200px;
	background: #fff;
	padding: 50px 0;
	line-height: 25px
}

.commonTable {
	width: 604px;
	text-align: center
}

.commonTable th {
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-weight: 100;
	font-size: 16px
}

.commonTable td {
	font-family: 宋体;
	font-size: 12px
}

.commonTable td.colorLeft {
	height: 15px;
	line-height: 15px;
	color: #fff;
	background: #333;
	text-align: center;
	box-shadow: 0 10px 20px 0 #333;
	border-bottom: 5px solid #ccc;
	font-family: Arial
}

.commonTable td.colorRight {
	height: 15px;
	line-height: 15px;
	color: #fff;
	background: #FF6800;
	text-align: center;
	box-shadow: 0 10px 20px 0 #333;
	border-bottom: 5px solid #ccc;
	font-family: Arial
}

.commonTable td {
	border-bottom: 1px solid #ccc;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc
}

.hint {
	color: #0583CB;
	margin-top: 10px
}

.to-top {
	background: #DB4493;
	color: #e3e0e0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center
}

.to-top:hover {
	color: #fff
}